import ConfigForm from './components/DevContainer/ConfigForm';

export default function Home() {
  return (
    <main className="h-screen bg-gradient-to-b from-white to-gray-50 py-6 px-4">
      <div className="h-[calc(100vh-48px)] max-w-6xl mx-auto flex flex-col">
        <div className="text-center mb-6">
          <h1 className="text-2xl font-semibold text-gray-900 mb-2">
            RUST容器配置生成器
          </h1>
          <p className="text-sm text-gray-600 max-w-2xl mx-auto">
            选择您需要的开发环境配置，我们将为您生成容器化项目模板。
          </p>
        </div>
        
        <div className="flex-1 bg-white rounded-lg shadow-sm border border-gray-100 flex flex-col">
          <ConfigForm />
        </div>

        <div className="py-4 text-center text-xs text-gray-500">
          <p>配置文件将自动适配您的开发需求，确保开发环境的一致性。</p>
          <p className="mt-1">基于 Microsoft Dev Container CLI</p>
        </div>
      </div>
    </main>
  );
} 